<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>角色管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">角色管理</li>
			</ol>
		</section>
		<section class="content">		
			<div class="box box-info">
			    <div class="box-header with-border">
                    <i class="fa fa-th-list"></i>
                    <h4 class="box-title">角色查询</h4>
                </div>
                 <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info cancelBtn">撤消</button>
							</span>
						</div>
						<button class="btn btn-info pull-right addBtn" >添加</button>
					</div>
			 	</div>
			 	 <div class="box box-body">
				   <table width="100%" id="dataTable" class="display">
					 <thead>
						<tr>
							<th>序号</th>
							<th>操作</th>
							<th>角色名称</th>
							<th>角色描述</th>
							<th>创建人</th>
						</tr>
					 </thead>
					 <tbody>
					 </tbody>
				  </table>
				</div>
			</div>
		</section>
	
		<div class="modal" id="roleModal">
			<div class="modal-dialog" role="dialog">
				<form id="roleEditForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>角色信息</strong>
							</h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">角色名称</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="name"
												id="name" datatype="*,*1-100" nullmsg="请输入模块名称" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">角色描述</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="description"
												id="description" datatype="*1-100" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">创建人</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="creator"
												id="creator" datatype="*1-100" readonly="readonly"/>
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>

						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/role/roleindex.js}"></script>
	</div>

</body>
</html>